.box1{
    background-color: #bfa;

    .box2{
        background-color: #ff0;

    .box4{
        background-color: red;
    }
    }
    .box3{
        background-color: orange;
    }
}
//less中的单行注释,不会解析
/*
    多行注释,会被解析到文件中
*/
//变量 ,在变量可以存储一个任意的值
//并且我们可以在需要时,任意的修改变量中的值
//变量的语法,@变量名
@a:100px;
@b:#bfa;
@c:box6;
.box5{
    //使用变量时,如果直接使用则以@变量名的形式即可
    width: @a;
    background-color: #bfa;
}
//作为类名,或者一部分值使用时必须以@{变量名} 的形式使用
.@{c}{
    width: @a;
    background-image: url("@{c}/1.png");
}
@d:200px;
@d:300px;
div{
    //变量发生重名时,会优先使用比较近的变量
    height: @e;
    width: @d;
}
//可以在变量声明前就使用变量
@e:500px;

div{

    width: 300px;
    height: $width;
}


